div
{
    display: block;
}
html
{
    min-width: 100px;
}
.main
{
    margin: 0px;
    width: 100%;
    height: 100%;
    position: absolute;
}
.name
{
    display: inline-block;
    position: fixed;
    top: 0px;
    left: 0px;
    height: 45px;
    width:200px;
    background-color: black;
    color: white;
}
.nav-inline
{
    display: inline-block;
    position: fixed;
    top: 0px;
    left: 200px;
    height: 45px;
    right: 0px;
    background-color: whitesmoke;
    color: black;
}
.nav-inline > div > ul> li > a
{
    background-color: whitesmoke !important;
    color: black;
}
.nav-inline > div > ul> li > a:hover
{
    color: #1b6d85;
    background-color: whitesmoke !important ;
}
/************/
.left-nav
{
    display: inline-block;
    position: fixed;
    top: 45px;
    left: 0px;
    bottom: 0px;
    width:200px;
    background-color: #2b2b2b;
}
.nav > li {
    margin: 0px !important;

}
.nav > li > a
{
    background-color:#2b2b2b;
    color: white;
    text-align: center;
    border-right: 5px solid #2e6da4;

}
.nav > li > a:hover
{
    background-color: #2e6da4 !important;
}
.nav > li > a:focus
{
    background-color:#2e6da4 !important;
}
.content
{
    position: fixed;
    left: 200px;
    top: 45px;
    right: 0px;
    bottom: 0px;
    margin: 20px 15px;
    overflow-y:scroll;
    overflow-x: scroll;
}
.fa:hover
{
    cursor: pointer;
}